<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/common/taglibs.jsp"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title> 欢迎来到靓淘！ </title>
	<link rel="stylesheet" type="text/css" href="${ctx}/static/front/CSS/reset.css">
	<link rel="stylesheet" type="text/css" href="${ctx}/static/front/CSS/main.css">
	<link rel="stylesheet" href="${ctx}/static/front/CSS/index_style.css" />
</head>
<body>
	<div class="header_con">
		<div class="header">
			<div class="top_center">
			<div class="left">
				<span class="wel"> 欢迎来到靓淘！ </span>
			</div>
			<div class="right">
				<ul>
					<c:if test="${USER != null}">
						<li><a class="login" href="" target="_blank">Hi, 用户${USER.username}</a></li>
						<li><a class="login" onclick="remove()" target="_blank">注销</a></li>
					</c:if>
					<c:if test="${USER == null}">
						<li><a class="login" href="${ctx}/user/getLoginPage.shtml" target="_blank">请登录</a></li>
					</c:if>
					<li><a href="register.html" target="_blank">快速注册</a></li>
					<li><a class="collect" href="">我的收藏</a></li>
					<li><a class="indent" href="">我的订单</a></li>
					<li><a class="phone" href="">手机靓淘</a></li>
					<li><a href="">我的积分</a></li>
					<li><a href="">我的评价</a></li>
				</ul>
			</div>
			<div class="clearfix"></div>
		</div>
		</div>		
	</div>

	<div class="search_bar clearfix">
		<a href="index.html" class="logo fl"><img src="${ctx}/static/front/img/LOGO.png"></a>
		<div class="search_con fl">
			<input type="text" class="input_text fl" name="" placeholder="搜索商品">
			<input type="button" class="input_btn fr" name="" value="搜索">
		</div>
		<div class="guest_cart fr">
			<a href="#" class="cart_name fl">我的购物车</a>
			<div class="goods_count fl">1</div>
		</div>
	</div>

	<div class="navbar_con">
		<div class="navbar clearfix">
			<div class="subnav_con fl">
				<h1>全部商品分类</h1>	
				<span></span>			
				<ul class="subnav">
					<li><a href="#" class="fruit">新鲜水果</a></li>
					<li><a href="#" class="seafood">海鲜水产</a></li>
					<li><a href="#" class="meet">猪牛羊肉</a></li>
					<li><a href="#" class="egg">禽类蛋品</a></li>
					<li><a href="#" class="vegetables">新鲜蔬菜</a></li>
					<li><a href="#" class="ice">速冻食品</a></li>
				</ul>
			</div>
			<ul class="navlist fl">
				<li><a href="">首页</a></li>
				<li class="interval">|</li>
				<li><a href="">手机生鲜</a></li>
				<li class="interval">|</li>
				<li><a href="">抽奖</a></li>
			</ul>
		</div>
	</div>
<!--左侧竖栏  -->
	<div class="breadcrumb">
		<a href="#">全部分类</a>
		<span>></span>
		<a href="#">新鲜水果</a>
	</div>
	

	<div class="main_wrap clearfix">
		<div class="l_wrap fl clearfix">
			<div class="new_goods">
				<h3>新品推荐</h3>
					<ul class="goods_type_list clearfix">
						<c:forEach items="${list}" var="list">
							<li>
								<a href="${ctx}/product/detail.shtml?primarykey=${list.id}"><img src="/img/${list.mainImage}"></a>
								<h4><a href="${ctx}/product/detail.shtml?primarykey=${list.id}">${list.name}</a></h4>
								<div class="operate">
									<span class="prize">${list.price}</span>
									<span class="unit">${list.subtitle}</span>
									<a href="#" class="add_goods" title="加入购物车"></a>
								</div>
							</li>
						</c:forEach>
					</ul>
				</div>
			</div>
			<div class="sort_bar">
				<a href="#" class="active">默认</a>
				<a href="#">价格</a>
				<a href="#">人气</a>
			</div>
		<div class="">
			<ul class="goods_type_list clearfix">
				<c:forEach items="${list}" var="list">
					<li>
						<a href="${ctx}/product/detail.shtml?primarykey=${list.id}"><img src="/img/${list.mainImage}"></a>
						<h4><a href="${ctx}/product/detail.shtml?primarykey=${list.id}">${list.name}</a></h4>
						<div class="operate">
							<span class="prize">${list.price}</span>
							<span class="unit">${list.subtitle}</span>
							<a href="#" class="add_goods" title="加入购物车"></a>
						</div>
					</li>
				</c:forEach>
			</ul>
		</div>
		<div>
	</div>
</div>
	
		
		<!--分页  -->	
		<div class="r_wrap fr clearfix">
			<div class="pagenation">
				<a href="#">上一页</a>
				<a href="#" class="active">1</a>
				<a href="#">2</a>
				<a href="#">3</a>
				<a href="#">4</a>
				<a href="#">5</a>
				<a href="#">下一页></a>
			</div>
		</div>
	
	<!--底部  -->
	<div class="footer">
		<div class="foot_link">
			<a href="#">关于我们</a>
			<span>|</span>
			<a href="#">联系我们</a>
			<span>|</span>
			<a href="#">招聘人才</a>
			<span>|</span>
			<a href="#">友情链接</a>		
		</div>
		<p>CopyRight © 2016 北京天天生鲜信息技术有限公司 All Rights Reserved</p>
		<p>电话：010-****888    京ICP备*******8号</p>
	</div>
	
</body>
</html>